import { createElement, useEffect, useState } from 'rax';
import Driver from 'driver-universal';
import View from 'rax-view';
import Text from 'rax-text';
import Slider from 'rax-slider';
import Image from 'rax-image';
import { isWeb } from 'universal-env';

function SiderBanner () {
    return (
        <View>
            <Slider
                className="slider"
                width="750"
                height="300"
                autoPlay={ true }

            >
                <Slider.Item>
                    <View>
                        <Image source={ { height: "500rpx", width: "750rpx", uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png' } } />
                    </View>
                </Slider.Item>
                <Slider.Item>
                    <View>
                        <Image source={ { height: "500rpx", width: "750rpx", uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png' } } />
                    </View>
                </Slider.Item>
                <Slider.Item>
                    <View>
                        <Image source={ { height: "500rpx", width: "750rpx", uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png' } } />
                    </View>
                </Slider.Item>
            </Slider>
        </View>
    );
}

export default SiderBanner;